<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}" />
		<!-- <link rel="stylesheet" type="text/css" href="${data:dependencies.vreport}/css/excelDetail.css${data:buildversion}"> -->
		<title></title>
		<style type="text/css">
			.data-area{background: #fff;overflow-y: auto;width: 100%;}
			.data-row{width: 100%;border-bottom: 1px solid #ccc;padding: 5px}
			.title,.content{}
			.title{border-left: 4px solid #3EACEB;line-height: 26px;font-size: 16px;font-weight: 400;padding-left: 10px;}
			.content{padding: 10px;}
			.content.hide{max-height: 200px;overflow: hidden;}
		</style>
	</head>
	<body class="cmp-fullscreen">
		${data:initScript}
		<div id="data-area" class="cmp-content position_relative data-area" style="top:0;">
			<!-- 
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			<div class="data-row">
				<div class="title">我是标题</div>
				<div class="content">我是内容我是内容我是内容我是内容我是内容我是
				内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</div>
			</div>
			 -->
		</div>
		<script type="text/html" id="excel-detail-tpl">
		<% var fieldInfos = this.fieldInfos; %>
		<% var fieldData = this.fieldData; %>
		<% for(var i = 0,len = fieldInfos.length;i < len; i++){ %>
		<% var field = fieldInfos[i]; %>
		<% 
			var efieldData = fieldData["field" + field.colNum ]; 
			if(typeof efieldData == "undefined" || efieldData == null){
				efieldData  ="";
			}else{
				switch(field.fieldType){
					case "number":
						 try{ 
							if("" != efieldData && !isNaN(efieldData)){
								efieldData = parseFloat(efieldData); 
							}
						 }catch(e){ 
							 console.log(e);
						}
						break;
					case "text":
						efieldData = efieldData.escapeHTML();
						break;
					case "date":
					case "datetime":
						break;
					default:
						efieldData = "";
						break;
				}
			}
		%>
		<div class="data-row">
			<div class="title"><%=field.name.escapeHTML()  %></div>
			<div class="content"><%=efieldData  %></div>
		</div>
		<% } %>
		</script>
		${data:cordova}
		<script src="${data:dependencies.vreport}/i18n/vreport_zh_CN.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
		<script type="text/javascript">
			cmp.i18n.init("${data:dependencies.vreport}/i18n/","vreport");
		</script>
		<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.jssdk}" id="__jsdktag"></script>
		<script type="text/javascript" src="${data:dependencies.vreport}/js/excelreport-jssdk.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.vreport}/js/excelDetail.js${data:buildversion}"></script>
	</body>
</html>